<div class="custom-body">
    <nav class="custom-navbar navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
            <a class="custom-navbar-brand navbar-brand" onclick="scrollToDiv('custom-index')">至轻云</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="custom-navbar-nav navbar-nav">
                    <a class="nav-link" onclick="scrollToDiv('custom-advantage')">产品优势</a>
                    <a class="nav-link" onclick="scrollToDiv('custom-technology')">技术架构</a>
                    <a class="nav-link" onclick="scrollToDiv('custom-version')">版本差异</a>
                    <a class="nav-link" onclick="scrollToDiv('custom-application')">应用场景</a>
                    <a class="nav-link" onclick="scrollToDiv('custom-about')">联系我们</a>
                    <a class="nav-link" onclick="docBtn('/README')">文档中心</a>
<!--                    <a class="nav-link" onclick="window.open('https://gitee.com/isxcode/spark-yun')">Gitee开源</a>-->
                  <a class="nav-link" onclick="window.open('https://hub.docker.com/r/isxcode/zhiqingyun')">Docker开源</a>
                  <a class="nav-link" onclick="window.open('https://github.com/isxcode/spark-yun')">Github开源</a>
                </div>
            </div>
        </div>
    </nav>
    <div class="custom-main">
        <div id="custom-index">
            <div id="carouselExampleIndicators" class="custom-carousel carousel carousel-dark carousel-fade" data-bs-ride="carousel">
<!--                <div class="carousel-indicators">-->
<!--                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>-->
<!--                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>-->
<!--                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>-->
<!--                </div>-->
                <div class="carousel-inner custom-carousel-inner">
                    <div class="carousel-item active custom-carousel-inner-item">
                        <div class="slide1-title">至轻云</div>
                        <div class="slide1-describe">打造超轻量级大数据平台</div>
                        <code class="slide1-bash"><span style="color: #ff7b72">docker</span> run -p 8080:8080 -d isxcode/zhiqingyun</code>
                        <button class="slide1-btn" onclick="demoBtn('https://zhiqingyun-demo.isxcode.com')">演示环境</button>
                    </div>
<!--                    <div class="carousel-item">-->

<!--                    </div>-->
<!--                    <div class="carousel-item">-->

<!--                    </div>-->
                </div>
            </div>
        </div>
        <div id="custom-advantage" class="custom-content">
            <div class="content-top"></div>
            <div class="content-title">产品优势</div>
            <div class="content-describe"></div>
            <div class="content-div">
                <div class="advantage-nav-mobile custom-accordion">
                    <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingOne">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    极速部署
                                </button>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <ol class="list-group">
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">Docker一键部署</div>
                                                快速地将应用程序打包到容器中，并且可以在不同的环境中快速部署。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">系统无缝集成</div>
                                                快速响应业务需求，缩短了系统开发和部署的时间，提高了业务的敏捷性。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">代码开源</div>
                                                让全球的开发者协同开发，共同完善代码，提高代码的质量和稳定性。经过众多开发者和用户的测试和使用，可以更加可靠和稳定。
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    多数据源
                                </button>
                            </h2>
                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <ol class="list-group">
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">基础数据源</div>
                                                包括：MySQL、Oracle、SQL Server等。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">结构化数据源</div>
                                                包括：Hive、PostgreSQL、DB2、Hana SAP、达梦数据库等。
                                            </div>
                                        </li>
<!--                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">-->
<!--                                            <div class="ms-2 me-auto">-->
<!--                                                <div class="fw-bold custom-advantage-font">大数据数据源</div>-->
<!--                                                包括：Clickhouse等。-->
<!--                                            </div>-->
<!--                                        </li>-->
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">MPP数据源</div>
                                                包括：Tidb、Oceanbase、StarRocks、Doris等。
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    丰富作业
                                </button>
                            </h2>
                            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <ol class="list-group">
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">3种基础作业</div>
                                                包括：Jdbc查询作业、SparkSql作业、Jdbc执行作业。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">数据采集</div>
                                                包括：CSV文件采集到Hive、Excel文件采集到Hdfs等。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">数据查询</div>
                                                支持大数据秒速查询返回，基于Spark两种模式：Per-job模式和Session模式。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">其他作业</div>
                                                包括：Shell脚本、ETL作业、Python脚本、自定义Spark函数、自定义Spark插件等。
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    数据建模
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <ol class="list-group">
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">数据模型</div>
                                                支持数据分层、数据域、业务过程等功能。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">数据字典</div>
                                                可自定义数据字典，对大数据中的字段进行字典翻译。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">数据指标</div>
                                                可快速对数据进行归总和分析，且支持可视化图形展示。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">数据标签</div>
                                                数据支持打标签功能。
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingFive">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    自定义接口
                                </button>
                            </h2>
                            <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <ol class="list-group">
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">可视化配置</div>
                                                提供可视化配置接口，零代码亦可配置开放Api接口，为其他服务提供数据。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">安全加密</div>
                                                接口具备Token身份校验机制，或配置客户自定义身份认证逻辑。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">数据脱敏</div>
                                                对特殊数据进行脱敏管理，根据不同用户权限访问不同加密数据。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">低延迟响应</div>
                                                基于Spark实现数据查询，全内存查询，提供超快查询能力。
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingSix">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                    周期调度
                                </button>
                            </h2>
                            <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <ol class="list-group">
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">逻辑作业流</div>
                                                作业流支持逻辑节点，包括循环节点、判断节点、分流节点、归并节点等。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">实例查询</div>
                                                作业运行实例化，提供作业实例界面UI。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">基线管理</div>
                                                配置作业基线，支持短信提醒，邮箱提醒，消息中心提醒等方式。
                                            </div>
                                        </li>
                                        <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold custom-advantage-font">版本回滚</div>
                                                作业支持版本发布管理，实现多版本记录，并支持作业回滚版本。
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="advantage-nav-pc">
                    <nav>
                        <div class="custom-advantage-nav nav nav-tabs" id="nav-tab" role="tablist">
                            <button class="nav-link active" id="nav-tab-1" data-bs-toggle="tab" data-bs-target="#nav-1" type="button" role="tab" aria-controls="nav-home" aria-selected="true">
                                极速部署
                            </button>
                            <button class="nav-link" id="nav-tab-2" data-bs-toggle="tab" data-bs-target="#nav-2" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">
                                多数据源
                            </button>
                            <button class="nav-link" id="nav-tab-3" data-bs-toggle="tab" data-bs-target="#nav-3" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">
                                丰富作业
                            </button>
                            <button class="nav-link" id="nav-tab-4" data-bs-toggle="tab" data-bs-target="#nav-4" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">
                                数据建模
                            </button>
                            <button class="nav-link" id="nav-tab-5" data-bs-toggle="tab" data-bs-target="#nav-5" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">
                                自定义接口
                            </button>
                            <button class="nav-link" id="nav-tab-6" data-bs-toggle="tab" data-bs-target="#nav-6" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">
                                周期调度
                            </button>
                        </div>
                    </nav>
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade show active" id="nav-1" role="tabpanel" aria-labelledby="nav-home-tab" tabindex="0">
                            <div class="custom-advantage-card-body card mb-3" >
                                <div class="row g-0">
                                    <div class="col-md-4">
                                        <img src="https://img.isxcode.com/picgo/20230304121336.png" class="img-fluid rounded-start custom-advantage-img" alt="">
                                    </div>
                                    <div class="col-md-8 custom-advantage-list-body">
                                        <div class="card-body">
                                            <ol class="list-group">
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">Docker一键部署</div>
                                                        快速地将应用程序打包到容器中，并且可以在不同的环境中快速部署。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">系统无缝集成</div>
                                                        快速响应业务需求，缩短了系统开发和部署的时间，提高了业务的敏捷性。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">代码开源</div>
                                                        让全球的开发者协同开发，共同完善代码，提高代码的质量和稳定性。经过众多开发者和用户的测试和使用，可以更加可靠和稳定。
                                                    </div>
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-2" role="tabpanel" aria-labelledby="nav-profile-tab" tabindex="0">
                            <div class="custom-advantage-card-body card mb-3" >
                                <div class="row g-0">
                                    <div class="col-md-4">
                                        <img src="https://img.isxcode.com/picgo/20230304121419.png" class="img-fluid rounded-start custom-advantage-img" alt="">
                                    </div>
                                    <div class="col-md-8 custom-advantage-list-body">
                                        <div class="card-body">
                                            <ol class="list-group">
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">基础数据源</div>
                                                       包括：MySQL、Oracle、SQL Server等。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">结构化数据源</div>
                                                      包括：Hive、PostgreSQL、DB2、Hana SAP、达梦数据库等。
                                                    </div>
                                                </li>
<!--                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">-->
<!--                                                    <div class="ms-2 me-auto">-->
<!--                                                        <div class="fw-bold custom-advantage-font">非结构化数据源</div>-->
<!--                                                        包括：Hdfs、MongoDB、Doris、Clickhouse、Hbase、OSS等。-->
<!--                                                    </div>-->
<!--                                                </li>-->
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">MPP数据源</div>
                                                      包括：Tidb、Oceanbase、StarRocks、Doris等。
                                                    </div>
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-3" role="tabpanel" aria-labelledby="nav-contact-tab" tabindex="0">
                            <div class="custom-advantage-card-body card mb-3" >
                                <div class="row g-0">
                                    <div class="col-md-4">
                                        <img src="https://img.isxcode.com/picgo/20230304121508.png" class="img-fluid rounded-start custom-advantage-img" alt="">
                                    </div>
                                    <div class="col-md-8 custom-advantage-list-body">
                                        <div class="card-body">
                                            <ol class="list-group">
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">3种基础作业</div>
                                                      包括：Jdbc查询作业、SparkSql作业、Jdbc执行作业。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">数据采集</div>
                                                        包括：CSV文件采集到Hive、Excel文件采集到Hdfs等。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">数据查询</div>
                                                        支持大数据秒速查询返回，基于Spark两种模式：Per-job模式和Session模式。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">其他作业</div>
                                                        包括：Shell脚本、ETL作业、Python脚本、自定义Spark函数、自定义Spark插件等。
                                                    </div>
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-4" role="tabpanel" aria-labelledby="nav-contact-tab" tabindex="0">
                            <div class="custom-advantage-card-body card mb-3" >
                                <div class="row g-0">
                                    <div class="col-md-4">
                                        <img src="https://img.isxcode.com/picgo/20230304121529.png" class="img-fluid rounded-start custom-advantage-img" alt="">
                                    </div>
                                    <div class="col-md-8 custom-advantage-list-body">
                                        <div class="card-body">
                                            <ol class="list-group">
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">数据模型</div>
                                                        支持数据分层、数据域、业务过程等功能。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">数据字典</div>
                                                        可自定义数据字典，对大数据中的字段进行字典翻译。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">数据指标</div>
                                                        可快速对数据进行归总和分析，且支持可视化图形展示。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">数据标签</div>
                                                        数据支持打标签功能。
                                                    </div>
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-5" role="tabpanel" aria-labelledby="nav-contact-tab" tabindex="0">
                            <div class="custom-advantage-card-body card mb-3" >
                                <div class="row g-0">
                                    <div class="col-md-4">
                                        <img src="https://img.isxcode.com/picgo/20230304115447.png" class="img-fluid rounded-start custom-advantage-img" alt="">
                                    </div>
                                    <div class="col-md-8 custom-advantage-list-body">
                                        <div class="card-body">
                                            <ol class="list-group">
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">可视化配置</div>
                                                        提供可视化配置接口，零代码亦可配置开放Api接口，为其他服务提供数据。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">安全加密</div>
                                                        接口具备Token身份校验机制，或配置客户自定义身份认证逻辑。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">数据脱敏</div>
                                                        对特殊数据进行脱敏管理，根据不同用户权限访问不同加密数据。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">低延迟响应</div>
                                                        基于Spark实现数据查询，全内存查询，提供超快查询能力。
                                                    </div>
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-6" role="tabpanel" aria-labelledby="nav-contact-tab" tabindex="0">
                            <div class="custom-advantage-card-body card mb-3" >
                                <div class="row g-0">
                                    <div class="col-md-4">
                                        <img src="https://img.isxcode.com/picgo/20230304115307.png" class="img-fluid rounded-start custom-advantage-img" alt="">
                                    </div>
                                    <div class="col-md-8 custom-advantage-list-body">
                                        <div class="card-body">
                                            <ol class="list-group">
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">逻辑作业流</div>
                                                        作业流支持逻辑节点，包括循环节点、判断节点、分流节点、归并节点等。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">实例查询</div>
                                                        作业运行实例化，提供作业实例界面UI。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">基线管理</div>
                                                        配置作业基线，支持短信提醒，邮箱提醒，消息中心提醒等方式。
                                                    </div>
                                                </li>
                                                <li class="custom-advantage-li list-group-item d-flex justify-content-between align-items-start">
                                                    <div class="ms-2 me-auto">
                                                        <div class="fw-bold custom-advantage-font">版本回滚</div>
                                                        作业支持版本发布管理，实现多版本记录，并支持作业回滚版本。
                                                    </div>
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div id="custom-technology" class="custom-content">
            <div class="content-top"></div>
            <div class="content-title">技术架构</div>
            <div class="content-describe">基于Spark计算引擎，打造Hadoop生态超轻量级大数据平台。</div>
            <div class="content-div">
                <img class="technology-img" src="https://img.isxcode.com/picgo/20230304115621.png" alt="架构图">
            </div>
        </div>
        <div id="custom-version" class="custom-content">
            <div class="content-top"></div>
            <div class="content-title">版本差异</div>
            <div class="content-describe"></div>
            <div class="content-div table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th scope="col">功能</th>
                        <th scope="col">社区版</th>
                        <th scope="col">授权版</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>数据源</td>
                        <td>基础类型</td>
                        <td>所有</td>
                    </tr>
                    <tr>
                        <td>离线同步</td>
                        <td><img class="true-svg" src="assets/images/true.svg"/></td>
                        <td><img class="true-svg" src="assets/images/true.svg"/></td>
                    </tr>
                    <tr>
                        <td>实时同步</td>
                        <td><img class="true-svg" src="assets/images/true.svg"/></td>
                        <td><img class="true-svg" src="assets/images/true.svg"/></td>
                    </tr>
                    <tr>
                        <td>作业类型</td>
                        <td>基础类型</td>
                        <td>所有</td>
                    </tr>
                    <tr>
                        <td>任务调度</td>
                        <td><img class="false-svg" src="assets/images/false.svg"/></td>
                        <td><img class="true-svg" src="assets/images/true.svg"/></td>
                    </tr>
                    <tr>
                        <td>数据建模</td>
                        <td><img class="false-svg" src="assets/images/false.svg"/></td>
                        <td><img class="true-svg" src="assets/images/true.svg"/></td>
                    </tr>
                    <tr>
                        <td>OpenApi</td>
                        <td><img class="false-svg" src="assets/images/false.svg"/></td>
                        <td><img class="true-svg" src="assets/images/true.svg"/></td>
                    </tr>
                    <tr>
                        <td>BI大屏</td>
                        <td><img class="false-svg" src="assets/images/false.svg"/></td>
                        <td><img class="true-svg" src="assets/images/true.svg"/></td>
                    </tr>
                    <tr>
                        <td>自定义插件</td>
                        <td><img class="false-svg" src="assets/images/false.svg"/></td>
                        <td><img class="true-svg" src="assets/images/true.svg"/></td>
                    </tr>
                    <tr>
                        <td>合作方式</td>
                        <td>开源免费</td>
                        <td> <a class="nav-link" style="cursor: pointer" onclick="scrollToDiv('custom-about')">联系我们</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div id="custom-application" class="custom-content">
            <div class="content-top"></div>
            <div class="content-title">应用场景</div>
            <div class="content-describe"></div>
            <div class="content-div application-scroll">
                <div class="custom-card-container">
                    <div class="card">
                        <img src="assets/images/car.svg" class="card-img-top custom-card-img-top">
                        <div class="card-body">
                            <h5 class="card-title">汽车行业</h5>
                            <p class="card-text custom-card-text">
                                利用大数据来提高汽车的性能和用户体验。
                                智能车辆拥有大量的传感器，可以收集各种数据，包括车速、加速度、方向盘转向角度、制动力、电池温度等等。
                                这些数据被传送到大数据的云平台上，然后被用来进行数据分析和改进汽车的性能和用户体验。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="custom-card-container">
                    <div class="card">
                        <img src="assets/images/half_eve.svg" class="card-img-top custom-card-img-top">
                        <div class="card-body">
                            <h5 class="card-title">半导体行业</h5>
                            <p class="card-text custom-card-text">
                                半导体制造公司利用大数据来改进制造过程和供应链管理。
                                工厂和供应链拥有大量的传感器和监控系统，可以收集各种数据，包括生产效率、质量控制、零部件供应等等。
                                这些数据被用来进行制造过程和供应链优化，从而提高效率和减少成本。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="custom-card-container">
                    <div class="card">
                        <img src="assets/images/people_draw.svg" class="card-img-top custom-card-img-top">
                        <div class="card-body">
                            <h5 class="card-title">用户画像</h5>
                            <p class="card-text custom-card-text">
                                利用大数据来构建用户画像，更好地了解客户需求和购物行为。
                                收集并分析各种数据，包括浏览历史、购买记录等等。
                                通过对这些数据的分析，能够更好地了解客户的购物偏好、兴趣爱好、年龄段等等，从而为客户提供更加个性化的商品推荐和营销策略。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="custom-card-container">
                    <div class="card">
                        <img src="assets/images/report.svg" class="card-img-top custom-card-img-top">
                        <div class="card-body">
                            <h5 class="card-title">BI报表</h5>
                            <p class="card-text custom-card-text">
                                利用大数据BI报表，分析车站客流、列车运行、货运等多种数据来源，以更加准确地了解客流情况、车辆运行情况等等。
                                BI报表能够通过实时数据分析、数据可视化等方式，为管理者提供直观的数据展示和分析，从而为企业提供更加精准的管理支持。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="custom-about" class="custom-content">
            <div class="content-top"></div>
            <div class="content-title">关于我们</div>
            <div class="content-describe">至轻云大数据创新团队</div>
            <div class="content-div">
                <img class="link-wechat" src="https://img.isxcode.com/picgo/20230414172307.png"/>
                <div class="link-wechat-describe">扫码进入至轻云官方群</div>
            </div>
        </div>
    </div>
</div>
